.user-header {
  height: 200px;
  background: linear-gradient(180deg, rgba(44, 181, 165, 0.46), rgba(44, 181, 165, 0));
  margin: 0 -15px;
  padding: 0 15px;

  .top {
    display: flex;
    padding-top: 50px;
    align-items: center;

    .adm-avatar {
      width: 70px;
      height: 70px;
    }

    .name {
      padding-left: 10px;

      p {
        &:first-child {
          font-size: 18px;
          font-weight: 500;
        }

        &:last-child {
          margin-top: 10px;
          color: var(--cp-primary);
          font-size: 14px;
          display: flex;
          align-items: center;

          span {
            margin-left: 5px;
          }
        }
      }
    }
  }

  .bottom {
    margin: 0 -15px;
    padding-top: 15px;

    p {
      text-align: center;
      margin: 2px 0;

      &:first-child {
        font-size: 18px;
        font-weight: 500;
      }

      &:last-child {
        color: var(--cp-dark);
        font-size: 12px;
        padding-top: 4px;
      }
    }
  }

}